/* ________НАСТРОЙКА ПЛАШЕК ТРЕНИНГОВ___________ */

/* Карточки фон */
.cards tbody tr {
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/813408/sc/293/h/cf7aefbde1f6d5eb923005940b4b6937.jpg);
    background-size: cover;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4);
    border-radius: 20px;
    height: 190px;
    display: flex;
    background-repeat: no-repeat !important;
    background-position: top left;
}
.cards .stream-table {
    margin: 0px 0 50px !important;
}
.stream-table tbody {
    display: grid;
    grid-row-gap: 15px;
}

/* Общая стилизация */
.cards .stream-title {
    position: relative;
    display: inline-block; 
    padding-left: 0px;
    padding-top: 0px;
    line-height: 1.0;
    font-size: 26px!important;
    font-family: 'Montserrat', sans-serif!important;
    font-weight: 500;
    line-height: 1.1;
    color: #FFF;
    vertical-align: middle;
    max-width: 100%;
    margin-bottom: -15px;
}

.cards tbody tr > td > a {
    position: relative;
    width: 100%;
    height: 140px;
    display: block;

}
/* Описание  */
.cards .stream-table tr a {
    font-size: 16px!important;
    font-family: 'Montserrat', sans-serif!important;
    color: #FFF;
    max-width: 100%;
    margin-left: 0px;
    box-sizing: border-box;
    line-height: 1.1;
}

.cards tbody tr > td {
    padding: 15px 20px;
    position: relative;
    width: 100%;
    height: 100%;
}

.stream-table tr td:hover {
    background: transparent!important;

}

/* Стаскиваем количество уроков+js */
.cards .stream-table .lesson-count {
        color: #FFF;
        border: 1px solid #FFF;
        padding: 4px 15px 4px 15px;
        top: 130px;
        position: absolute;
        border-radius: 100px;
}

/* Убираем - нет уроков */
tr.training-row.no-lessons td div {
    display: none;
}


/* оформление кнопки */
.cards tbody tr > td > a:after { 
    position: absolute;
    padding: 9px 35px 10px 35px;
    background: radial-gradient(ellipse 215.38% 215.38% at 57.04% -140.38%, #F4A261 0%, #CD8E08 55.23%, #F4A261 100%);
    border-radius: 8px;
    font-family: 'Montserrat', sans-serif!important;
    font-weight: 500;
    content: 'Изучать';
    font-size: 14px!important;
    border-radius: 4px;
    color: #FFF;
    right: 0;
    bottom: 0;
    margin-bottom: -20px;
    margin-right: 0px;
    transition: all 1.3s;
  
}
.cards tbody tr > td:hover > a:after {
    text-decoration: none!important; 
    transition: all 0.5s;
    transform: translateY(-5px);
}

@media (max-width:480px) {
.cards .stream-title {
   font-size: 24px!important;
   font-weight: 500;
}
.cards .stream-table tr a {
  line-height: 1.2;
  font-size: 14px!important;
}}

@media (max-width: 767px) {
.cards .stream-title {
    font-size: clamp(18px, 3.5vw, 22px) !important;
    font-weight: 500;
}
.cards .stream-table tr a {
    font-size: clamp(12px, 2.5vw, 14px) !important;
    line-height: 1.2;
}}
  
@media (max-width: 460px) {
  /* Увеличиваем высоту плашки */
.cards tbody tr {
    height: 220px;
}

  /* Сдвигаем кнопку */
.cards tbody tr > td > a:after {
    margin-bottom: -45px;
    margin-right: 0px;
}

  /* Сдвигаем количество уроков */
.cards .stream-table .lesson-count {
    top: 160px;
}
  
 .cards .stream-title {
    margin-bottom: -5px !important;
}}

@media (max-width: 360px) {
  /* Увеличиваем высоту плашки */
  .cards tbody tr {
    height: 260px;
  }

  /* Сдвигаем кнопку */
.cards tbody tr > td > a:after {
    padding: 8px 25px 9px 25px;
    margin-bottom: -90px;
    margin-right: -5x;
  }

  /* Сдвигаем количество уроков */
.cards .stream-table .lesson-count {
    top: 205px;
 }}

@media (max-width: 300px) {
  .cards tbody tr {
    width: 300px;
    min-width: 300px;
    max-width: 300px;
    margin: 0 auto; /* Центрируем плашку */
  }
  .stream-table {
    overflow-x: auto; /* Добавляем горизонтальную прокрутку для экранов уже 300px */
  }
}
/* ________КОНЕЦ НАСТРОЙКА ПЛАШЕК ТРЕНИНГОВ___________ */